<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/grid_12.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
    <link href='http://fonts.googleapis.com/css?family=Condiment' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/tms-0.4.x.js"></script>
    <script src="js/script.js"></script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>
  <div class="main">
    <header>
        <div id="logo"><a href="index.html" title="PN Cambodia Alumini Association"><img src="images/alumni-logo.jpg" alt=""></a></div>
        <div class="header_right">
            <div class="meta_nav">
                <ul class="auth">
                    <li><a href="#"><span class="signup_icon"></span>Sign Up</a></li>
                    <li><a href="#"><span class="login_icon"></span>Login</a></li>
                </ul>
                <ul class="language_nav">
                    <li><a href="#"><span class="en_flag"></span>EN</a></li>
                    <li><a href="#"><span class="kh_flag"></span>KH</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <div class="form-search">
                <form id="form-search" method="post">
                  <input type="text" value="Search..." onBlur="if(this.value=='') this.value='Type here...'" onFocus="if(this.value =='Type here...' ) this.value=''"  />
                  <a href="#" onClick="document.getElementById('form-search').submit()" class="search_button"></a>
                </form>
            </div>
        </div>  
        <div class="clear"></div>    
        <nav class="box-shadow">
            <div>
                <ul class="menu">
                    <li class="home-page current"><a href="index.html"><span></span></a></li>
                    <li><a href="#">Student Directory</a></li>
                    <li><a href="#">Job Posts</a></li>
                    <li><a href="#">Benefits</a></li>
                    <li><a href="#">Activities</a></li>
                    <li><a href="#">About Alumini</a></li>
                    <li><a href="#">Photo & Video</a></li>
                    <li><a href="#">Team</a></li>
                </ul>
                <div class="clear"></div>
            </div>
        </nav>
    </header>
    <section id="content">
        <div class="container_12">
            <div class="wrap">
                <div id="main_content">
							<div id="slide" class="box-shadow">		
				            <div class="slider">
				                <ul class="items">
				                    <li>
				                    		<img src="images/slider.jpg" alt="" />
				                    		<div class="banner">
				                    			<h2 class="title">1.Lorem Ipsum is simply</h2>
				                    			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
				                    			Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
				                    			when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                                                </p>
                                                <span class="read_more"><a href="#"> Read More</a></span>
				                    		</div>
				                    </li>
				                    <li>
				                    		<img src="images/slider-2.jpg" alt="" />
				                    		<div class="banner">
													<h2 class="title">2.Lorem Ipsum is simply</h2>
				                    			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
				                    			Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
				                    			when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                                                </p>				                   		
                                                <span class="read_more"><a href="#"> Read More</a></span>
				                    		</div>
				                    </li>
				                    <li>
				                    		<img src="images/slider-3.jpg" alt="" />
				                    		<div class="banner">
													<h2 class="title">3.Lorem Ipsum is simply</h2>
				                    			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
				                    			Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
				                    			when an unknown printer took a galley of type and scrambled it to make a type specimen book.
                                                </p>		
                                                <span class="read_more"><a href="#"> Read More</a></span>		                    		
				                    		</div>
				                    </li>
				                </ul>
				            </div>	
				        </div>      
                        <div class="key_feature">
                            <div class="job">
                                <h3 class="title">Job Opportunities</h3>		
                                <img src="images/job.jpg" alt="Job Opportunities" />									
                            </div>
                            <div class="graduate">
                                <h3 class="title">Graduated Students</h3>		
                                <img src="images/graduated.jpg" alt="Graduated Students" />						
                            </div>
                            <div class="benefit">
                                <h3 class="title">Benefits</h3>		
                                <img src="images/benefit.jpg" alt="Benefits" />									
                            </div>
                            <div class="certificate">
                                <h3 class="title">Certificate</h3>		
                                <img src="images/cerficate.jpg" alt="Certificate" />									
                            </div>							
                        </div>  
                        <div class="home_blog">
                                <div class="latest_news">
                                    <h3>Recent News</h3>
                                    <div class="news-content"><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                                    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
                                    when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p></div>
                                </div>
                                <div class="register">
                                    <h3>Become a member</h3>
                                    <a href="#">Register Now!</a>
                                </div>							
                        </div>      
                </div>
                <div id="right_sitebar">
                	<h2 class="title">Features Post</h2>
                    <div class="feature">
                    	<h3 class="sub_title">Monthly Volunteers</h3>
                        <div class="feature_content">
                        	<h4>Mr. Hou Lim<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="feature_content">
                        	<h4>Ms. Chin Sovandy<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="feature_content">
                        	<h4>Ms. Krueng Danet<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                    </div>
                    <div class="feature">
                    	<h3 class="sub_title">Events</h3>
                        <div class="feature_content">
                        	<h4>Joint let's Do it<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="feature_content">
                        	<h4>Donate blood<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="feature_content">
                        	<h4>Football Champain<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                    </div>
                    <div class="feature">
                    	<h3 class="sub_title">Training</h3>
                        <div class="feature_content">
                        	<h4>Google Training<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="feature_content">
                        	<h4>Lunux Security<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                        <div class="feature_content">
                        	<h4>Lunux Security<span></span></h4>
                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
                        </div>
                    </div>
                </div>
            </div>
          <div class="clear"></div>
        </div> 
    </section> 
  </div>
    <footer>
       	<div class="footer_content">
        	<div class="footer_left">
            	<ul>
                	<li><a href="#">Student Directory</a></li>
                    <li><a href="#">Job Posts</a></li>
                    <li><a href="#">Benefits</a></li>
                    <li><a href="#">Activities</a></li>
                    <li><a href="#">About Alumni</a></li>
					<li><a href="#">Photo & Video</a></li>
					<li><a href="#">Team</a></li>
                </ul>
            </div>
            <div class="footer_mid">
            	<h3>Sponsor</h3>
                <ul>
                	<li><a href="#"><img src="images/sponsor.jpg" title="pnc" alt="pnc"/></a></li>
                </ul>
                <div class="copy_right">
                	<p>&copy;2013. All right saved</p>
                </div>
            </div>
            <div class="footer_right">
            	<ul class="social-icons">
                    <li><a class="youtube" title="YouTube" href="#"></a></li>
                    <li><a class="linkin" title="LinkIn" href="#"></a></li>
                	<li><a class="facebook" title="Facebook" href="#"></a></li>
                </ul>
                <div class="developbys">
                	<p>Design &nbsp; Developed by Alumini team.</p>
                </div>
            </div>
        </div>
    </footer>	    
</body>
</html>